<template>
<div style="margin:0 1rem">
   <button class="default-button" @click="$emit('click')" :disabled="disabled"  :class="classes">
    <!-- <icon style="height:30px;width:30px;color:#a9a9a9;" name="camera"></icon> -->
    <slot>{{text}}</slot>
  </button>
</div>
</template>

<script>
export default {
  name: 'default-button',
  props: {
    type:{
      type: String,
      default: 'default'
    },
    text: String,
    disabled: Boolean,
    classes: String
  },
}
</script>

<style lang="less" scoped>
  .default-button {
    border-radius: 5px;
    background: #347DF6;
    outline: none;
    border: none;
    text-align: center;
    font-size: 17px;
    height: 40px;
    width: 100%;
    color: #fff;
    line-height: 40px;
    &:disabled {
      background: #a9a9a9;
    }
  }
</style>

